<template>
  <div>
    <div class="button">
      <el-button
        type="danger"
        size="small"
        circle
        @click="ipcRenderer.send('close')"
      >
        <el-icon><Close /></el-icon>
      </el-button>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const { ipcRenderer } = require("electron");
const currShow = ref(0);
</script>

<style scoped>
/* From uiverse.io by @mrhyddenn */
.button {
  -webkit-app-region: no-drag;
  display: flex;
  border-radius: 10px;
  margin-right: 10px;
}

.box {
  width: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  transition: all 0.8s;
  cursor: pointer;
  position: relative;
  background: rgb(58, 165, 253);
  overflow: hidden;
}
</style>
